* {
	box-sizing: border-box;
}

body {
	font-family: "simhei", "黑体";
}

.clearfix:before,
.clearfix:after {
	clear: both;
	content: '';
	display: table;
}

.box {
	width: 1216px;
}

body,
.box,
p,
div {
	margin: 0 auto;
}
a{
	text-decoration: none;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.topping {
	width: 1216px;
	height: 105px;
	position: fixed;
	top: 0px;
	background: #fff;
}

.topping .t-1 {
	margin-top: 9px;
	margin-left: 51px;
}

.t-2{
	display: inline-block;
	padding: 0 19px;
	text-align: center;
	line-height: 105px;
	font-size: 17px;
}

.t-2:link,
.t-2:visited,
.img-1 a:link,
.img-1 a:visited,
.ph-1 a:link,
.ph-1 a:visited,
.imgs-h a:link,
.imgs-h a:visited{
	color: #000;
}

.t-2:hover{
	color: #fff;
	background: #009078;
}

.search {
	height: 105px;
	margin: 0 105px;
	line-height: 110px;
}

.hero {
	width: 1216px;
	height: 570px;
	margin-top: 105px;
	background-image: url(../img/bk.jpg);
	text-align: center;
}

.hero-inner:before,
.inner:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	margin: 0 auto;
	height: 100%;
}

.hero p {
	color: #fff;
}

.hero-h {
	margin-top: 128px;
	font-size: 48px;
	letter-spacing: 5px;
}

.hero-desc {
	margin-top: 60px;
	font-size: 20px;
}

.hero-selc {
	width: 406px;
	height: 119px;
	margin: 0 auto;
}

.hero-selc-l,
.hero-selc-r {
	margin-top: 56px;
	width: 193px;
	height: 63px;
	font-size: 19px;
	line-height: 58px;
}

.hero-selc-l {
	border: 3px solid #fff;
}

.hero-selc-r {
	border: 3px solid #009078;
	background: #009078;
}

.hero-selc-l:hover,
.hero-selc-r:hover{
	box-shadow: 1px 2px 8px 0 #ccc;
}

.hero-down {
	margin-top: 25px;
	padding-top:60px;
	padding-bottom:50px;
	text-align: center;
}

.about {
	height: 600px;
	background: #fff;
}

.inner {
	text-align: center;
	margin-bottom: 60px;
}

.hs {
	margin-top: 108px;
	font-size: 25px;
	letter-spacing: 3px;
}

.desc {
	margin: 29px 334px 0px 334px;
	font-size: 14px;
	line-height: 20px;
}

.about-img{
	margin-left: 171px;
}

.about-img div {
	width: 178px;
	height: 248px;
	text-align: center;
}

.about-img div:hover {
	box-shadow: 0 0 12px #ccc;
}

.img-1 {
	margin-right: 170px;
}

.about-img img {
	margin-top: 50px;
}

.about-img p {
	margin-top: 32px;
	font-size: 15px;
}

.service {
	height: 780px;
	background: rgb(228, 253, 250);
}

.sv-ph {
	height: 383px;
	margin-left: 100px;
}

.ph-1 {
	width: 318px;
	height: 383px;
	margin-top: 40px;
	margin-right: 31px;
	padding-top: 50px;
	font-size: 18px;
	text-align: center;
	background: #fff;
}

.ph-1 p {
	margin-top: 27px;
}

.ph-sel {
	width: 134px;
	height: 50px;
	margin-top: 140px;
	border: 2px solid #333;
	line-height: 47px;
}

.ph-1:hover {
	box-shadow: 0 12px 25px 0 #9cc;
	background: rgb(0, 136, 122);
}

.ph-1:hover,.ph-1:hover a{
	color: #fff;
}

.ph-1:hover .iconfont {
	color: #fff;
}

.ph-1:hover .ph-sel {
	border: 2px solid #fff;
}

.detail {
	background: rgb(228, 253, 250);
}

.det-img {
	margin: 15px 180px;
}

.img-2 {
	margin-bottom: 20px;
}

.imgs-1,
.imgs-in{
	width: 428px;
}

.imgs-h {
	margin-top: 70px;
	margin-left: 80px;
	font-size: 20px;
}

.imgs-desc {
	margin-top: 30px;
	margin-left: 50px;
	font-size: 15px;
}

.imgs-h a:hover {
	color: rgb(0, 136, 122);
}

.more {
	margin-top: 95px;
	margin-bottom: 100px;
}

.more-sel {
	width: 192px;
	height: 62px;
	background: rgb(0, 136, 122);
	font-size: 18px;
	text-align: center;
	color: #fff;
	line-height: 62px;
}

.more-sel:hover {
	box-shadow: 0px 0px 10px 0 #999;
}

.contact {
	width: 1216px;
	height: 1118px;
	background-image: url(../img/bk2.jpg);
	color: #fff;
}

.ct-img {
	margin-left:195px;
}

.img-3{
	width:220px;
	margin-top: 65px;
	margin-right:83px;
	text-align:center;
}
.img-3 p{
	font-size:18px;
	line-height:25px;
	margin-top:50px;
}
.mail{
	margin:70px 160px;
}
.inputs{
	font-family: "simhei", "黑体";
	outline: none;
	border-radius:12px;
	font-size:23px;
	line-height:30px;
	letter-spacing:1px;
}
.ml-in{
	width:435px;
	height:75px;
	padding: 0 19px;
	line-height:70px;
	border:0;
}
.ml-tx{
	resize: none;
	width:897px;
	height:284px;
	margin-top:30px;
	border:0;
	padding: 25px 19px;
}
.ml-send{
	width:193px;
	height:62px;
	margin-top:30px;
	text-align: center;
	line-height:60px;
	background:#fff;
}
::-webkit-input-placeholder { 
    color:#6f6f6f;
}
:-moz-placeholder { 
   color:#6f6f6f;
   opacity:1;
}
::-moz-placeholder { 
   color:#6f6f6f;
   opacity:1;
}
:-ms-input-placeholder {
   color:#6f6f6f;
}
